<!DOCTYPE html>
<html lang="en">

<!--
  Author：蓝田_Loto
  Date：2018-09-14 17:09
  PageName：form.html
  Function：实战案例 - 设计表单样式
  URL：http://localhost:8080/d6_practice_form/form.html
-->

<head>
    <meta charset="UTF-8">
    <title>实战案例 - 设计表单样式</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
<form id="login-from" action="#" method="post">
    <fieldset>
        <legend>登录</legend>

        <label for="login">Email</label>
        <input type="text" id="login" name="login">
        <div class="clear"></div>

        <label for="password">密码</label>
        <input type="password" id="password" name="password">
        <div class="clear"></div>

        <label for="remember_me" style="padding: 0;">记住状态?</label>
        <input type="checkbox" id="remember_me" name="remember_me">
        <div class="clear"></div>

        <br>
        <input type="submit" style="margin: -20px 0 0 287px;" class="button" name="commit" value="登 录">
    </fieldset>
</form>

<p align="center"><strong>&copy; www.xxxxxx.cn</strong></p>
</body>
</html>